html,body{ 
    width:801px;
    height:880px;
    margin: auto;     
  }
#div1{
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0px auto;
    background:rgb(240,240,240);; 
    box-shadow:inset 0 3px 8px rgba(0,0,0,.24);
    border:5px solid rgb(240,240,240);
}

#head{
    width: 100%;
    height: 100px;
}

#head img{
    width: 100%;
    height: 100%;
}
#navigation{
    width: 100%;
    height:50px;
}

#body{
    width: 100%;
    height:600px;
}


#singerbody{
    display: none;
}
#songsinger{
    width:33.333%;
    height:100px;
    float: left;
    display: block;
    margin-top:20px; 
}

.songsinger2{
    width:33.333%;
    height:100px;
    float: left;
    display: block;
    margin-top:40px; 
}

#songsinger img{
   width: 40%;
   height: 100%;
   margin-left:20px; 

}

.songsinger p{
    width: 52%;
    display: block;
    text-align: center;
    font-size: 20px;
    float: right;
    padding-top: 20px;
}

.songsinger2 p{
    width: 85%;
    display: block;
    text-align: left;
    float: right;
    font-size: 18px;
    color: #898989;
}

#up{
    top:5%;
    left: 5%;
    color: rgb(243,172,54);
    float: left;
}

#down{
    top:5%;
    left: 5%;
    color: rgb(75,57,238);
    float: left;

}

#nom{
    top:5%;
    left: 5%;
    color:#898989;
    float: left;
}

#search{
    display: none;
    width: 800px;   
    margin-top:20px;
}

#search_position{
    left: 20px;
    width: 700px;
    height: 40px;
}

#search_position2{
    left: 20px;
    width: 50px;
    height: 40px;
}

#search_position2 img{
  width: 100%;
  height: 100%;
}

#search-image{
    width: 10%;
    height: 30px;
    margin-top:10px; 
    color: #ff0033;
}

.album{
    width: 49%;  
    height:100px;
    float: left;
    margin-top:30px; 
}

#album{
    width:100%;  
    height:50px;
    text-align: center;
    color: #898989;
    margin-top: 50px;
}

#albumbody{
    display: none;
}

#albumbody img{
    width: 35%;
    height: 100%;
    margin-left:20px;
    display: block;
    float: left;

}

.album p{
    padding-top: 5px; 
    display: block;
    float: right;
    margin-right:20px; 
    width:50%;
    color:#898989;
    font-size: 10px;
}

#bottom{
    position: absolute;
    width: 100%;
    height: 50px;
    text-align: center;
    bottom: 0px;
}

.getnone{
    display: none;
}


.white_content {
 display: none;
 position: absolute;
 top: 25%;
 left: 25%;
 width: 50%;
 padding: 6px 16px;
 border: 12px solid #D6E9F1;
 background-color: white;
 z-index:1002;
 overflow: auto;
}
.black_overlay {
 display: none;
 position: absolute;
 top: 0%;
 left: 0%;
 width: 100%;
 height: 100%;
 background-color:#f5f5f5;
 z-index:1001;
 -moz-opacity: 0.8;
 opacity:.80;
 filter: alpha(opacity=80);
}
.close {
 float:right;
 clear:both;
 width:100%;
 text-align:right;
 margin:0 0 6px 0
}
.close a {
 color:#333;
 text-decoration:none;
 font-size:14px;
 font-weight:700
}
.con {
 text-indent:1.5pc;
 line-height:21px;
 float:left;

}
#none{
   display:none;
}

.song button{
    border: none;
    background-color: rgb(240,240,240);
 }
 
 #album p{
 width:100%;
 height:50px;
 display:block;
 }